<template>
  <div class="box">
    <my-head></my-head>
    <el-row>
      <el-col :span="12">
        <document></document>
        <document></document>
      </el-col>
      <el-col :span="12"
        ><div class="grid-content ep-bg-purple-light"
      /></el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  nextTick,
  getCurrentInstance,
} from 'vue'
import type { PropType } from 'vue'

import myHead from './components/head.vue'
import document from './components/document.vue'

const emit = defineEmits([''])
const props = defineProps({
  propData: {
    type: String,
    default: '',
  },
})
//const { } = toRefs(props);

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100%;
}
</style>
